<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>我的生活</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">	
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../css/sm.min.css">
	<link rel="stylesheet" href="../../css/sm-extend.min.css">
	<link rel="stylesheet" href="../../css/style.css">
</head>
<body>
	<div class="page-group">
	    <div class="page index-page page-current" id="page-index">
	    	<!-- 标题栏 -->
            <header class="bar bar-nav">
                <span class="locat">厦门</span>
                <h1 class="title"></h1>
                <span class="seach">筛选</span>
            </header>
            <nav class="bar bar-tab bar-footer page-bar">
                <a class="tab-item external active" href="javascript:void(0);">
                    <span class="tab-label">效果图</span>
                </a>
                <a class="tab-item external" href="javascript:void(0);">
                    <span class="tab-label">设计我家</span>
                </a>
                <a class="tab-item external" href="javascript:void(0);">
                    <span class="tab-label">商店</span>
                </a>
                <a class="tab-item external" href="javascript:void(0);">
                    <span class="tab-label">我的</span>
                </a>
			</nav>
             <!-- 这里是页面内容区 -->
            <div class="content">
                <div class="banner" id="allmap">
                	<img src="../../img/img.jpg">
                </div>
				<div class="tabs index-tabs">
				    <div id="tab1" class="tab active">
				    </div>
		  		</div>
            </div> 
	    </div>
	    <div class="popup popup-city">
			<header class="bar bar-nav">
				<a class="icon icon-left pull-left close-popup"></a>          
                <h1 class="title">选择城市</h1>
            </header>	
            <div class="content content-city">
            	<div class="con-header">
	            	<div class="posi-loca"><strong>厦门</strong><span>GPS定位</span></div>
	            	<div class="posi-loca-title">开放城市</div>
	            	<div class="row city-list">
				    </div>
            	</div>
				<div class="list-block city-block">
				</div>
            </div>
            <div class="mask">
            	<div class="mask-con">a</div>
            </div>
            <div class="zm">
				<ul>
					<li><a href="javascript:;">A</a></li>
					<li><a href="javascript:;">B</a></li>
					<li><a href="javascript:;">C</a></li>
					<li><a href="javascript:;">D</a></li>
					<li><a href="javascript:;">E</a></li>
					<li><a href="javascript:;">F</a></li>
					<li><a href="javascript:;">G</a></li>
					<li><a href="javascript:;">H</a></li>
					<li><a href="javascript:;">J</a></li>
					<li><a href="javascript:;">K</a></li>
					<li><a href="javascript:;">L</a></li>
					<li><a href="javascript:;">M</a></li>
					<li><a href="javascript:;">N</a></li>
					<li><a href="javascript:;">P</a></li>
					<li><a href="javascript:;">Q</a></li>
					<li><a href="javascript:;">R</a></li>
					<li><a href="javascript:;">S</a></li>
					<li><a href="javascript:;">T</a></li>
					<li><a href="javascript:;">W</a></li>
					<li><a href="javascript:;">X</a></li>
					<li><a href="javascript:;">Y</a></li>
					<li><a href="javascript:;">Z</a></li>
			    </ul>
            </div>
		</div>
		<div class="popup popup-style">
			<header class="bar bar-nav">
				<a class="icon icon-left pull-left close-popup"></a>          
                <h1 class="title">筛选</h1>
            </header>	
            <div class="content content-style">
            	<div class="style-con">
	            	<div class="con-header con-header1">
		            	<div class="style-title">户型选择</div>
		            	<div class="row style-list">
			         <!--    	<div class="col-25">20%</div>
		      				<div class="col-25">80%</div>
		      				<div class="col-25">20%</div>
		      				<div class="col-25">80%</div>
		      				<div class="col-25">20%</div>
		      				<div class="col-25">80%</div>
		      				<div class="col-25">20%</div>
		      				<div class="col-25">80%</div> -->
					    </div>
	            	</div>
	            	<div class="con-header con-header2">
		            	<div class="style-title">风格选择</div>
		            	<div class="row style-list">
			            	<div class="col-25">20%</div>
		      				<div class="col-25">80%</div>
		      				<div class="col-25">20%</div>
		      				<div class="col-25">80%</div>
					    </div>
	            	</div>
            	</div>
            </div>
            <div class="con-ci">
            	<span>重置</span>
            	<span class="sel">确定</span>
            </div>
		</div>
	</div>
	<script type='text/javascript' src='../../js/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../../js/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='../../js/sm-extend.min.js' charset='utf-8'></script>
	<script type="text/javascript" src='../../js/base64.js'></script>
	<script type="text/javascript" src='../../js/md5.js'></script>
	<script type="text/javascript" src='../../js/jsencrypt.js'></script>
	<script type="text/javascript" src='../../js/base64-2.js'></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=Y75nQRftejAP1Bni2WkQ2C1eKvKXNrKc"></script>
	<script type='text/javascript' src='../../js/doT.min.js' charset='utf-8'></script>
	<!-- 主题列表 -->
	<script id="list_tpl1" type="text/x-dot-template">
	   	{{if(it.length == 0) { }}
			<div class="data-tip">暂无数据……</div>
	   	{{ } else { }}
		    {{~it:val:key}}
				<dl>
		      		<dt><a id="{{=val.id}}">
		      			{{if(val.imagedata1 == null || val.imagedata1 == undefined){ }}
		      				<img src="../../img/img1.jpg" alt="">
		      			{{ } else { }}
			      			{{if(val.imagetype1 == 0) { }}
			      				<img src="data:image/BMP;base64,{{=val.imagedata1}}" alt="">
			      			{{ } else if(val.imagetype1 == 1) { }}
			      				<img src="data:image/jpg;base64,{{=val.imagedata1}}" alt="">
			      			{{ } else if(val.imagetype1 == 2) { }}
			      				<img src="data:image/png;base64,{{=val.imagedata1}}" alt="">
			      			{{ } }}
		      			{{ } }}
		      		</a></dt>
		      		<dd>
		      			<h3><span>{{=val.housename}}</span><em>￥{{=val.price || "暂无定价"}}</em></h3>
		      			<p>{{=val.description1 || "暂无描述"}}</p>
		      			<div class="clearfix">
		      				<span>
		      					{{if(val.isCollected == 1) { }}
		      					<strong class="sel">{{=val.collectorcount || "0"}}</strong>
		      					{{ } else { }}
		      					<strong topicId="{{=val.id}}">{{=val.collectorcount || "0"}}</strong>
		      					{{ } }}
		      					<em>{{=val.viewercount || "0"}}</em>
		      				</span>
		      				<span>VR 观看</span>
		      			</div>
		      		</dd>
		      	</dl>
		    {{~}}
	   	{{ } }}
	</script>
	<!-- 城市列表 -->
	<script id="list_tpl2" type="text/x-dot-template">
	    {{~it:val:key}}
			<div class="list-group" id="{{=val.type1}}1">
		      	<ul>
			        <li class="list-group-title">{{=val.type1}}</li>
			        {{for(var i = 0; i < val.lists.length; i++ ){ }}
			        <li>
			          	<div class="item-content" city-name="{{=val.lists[i]}}">
				            <div class="item-inner">
				              	<div class="item-title">{{=val.lists[i]}}</div>
				            </div>
			          	</div>
			        </li>
			        {{ } }}
		      	</ul>
		    </div>
	    {{~}}
	</script>
	<!-- 城市浏览过的记录 -->
	<script id="list_tpl3" type="text/x-dot-template">
	    {{~it:val:key}}
			<div class="list-group" id="{{=val.type1}}1">
		      	<ul>
			        <li class="list-group-title">{{=val.type1}}</li>
			        {{for(var i = 0; i < val.lists.length; i++ ){ }}
			        <li>
			          	<div class="item-content" city-name="{{=val.lists[i]}}">
				            <div class="item-inner">
				              	<div class="item-title">{{=val.lists[i]}}</div>
				            </div>
			          	</div>
			        </li>
			        {{ } }}
		      	</ul>
		    </div>
	    {{~}}
	</script>
	<!-- 户型列表 -->
	<script id="list_tpl4" type="text/x-dot-template">
	    {{~it:val:key}}
			<div class="col-25">{{=val}}</div>
	    {{~}}
	</script>
	<!-- 获取主题 -->
	<script id="list_tpl5" type="text/x-dot-template">

		<dl>
      		<dd>
      			<h3><span>{{=it.housename}}</span><em>￥{{=it.price}}</em></h3>
      			<p>{{=it.description1}}</p>
      			<header><span>{{=it.houseStyle}}</span>适用面积：{{=it.suitesquare}}平方米</header>
      			<div class="clearfix">
      				<span>
      					{{if(it.collectorcount == 1) { }}
      					<strong class="sel">{{=it.collectorcount || "0"}}</strong>
      					{{ } else { }}
      					<strong topicId="{{=it.id}}">{{=it.collectorcount || "0"}}</strong>
      					{{ } }}
		      			<em>{{=it.viewercount || "0"}}</em>
      				</span>
      			</div>
      		</dd>
      	</dl>
	</script>
	<!-- 获取主题详情 -->
	<script id="list_tpl6" type="text/x-dot-template">
	    {{~it:val:key}}
			<div class="detail-item">
				{{if(val.zone == "客厅") { }}
					<h3 class="kt">{{=val.zone}}</h3>
				{{ } else if(val.zone == "餐厅") { }}
					<h3 class="ct">{{=val.zone}}</h3>
				{{ } else if(val.zone == "主卧") { }}
					<h3 class="zw">{{=val.zone}}</h3>
				{{ } else if(val.zone == "次卧") { }}
					<h3 class="cw">{{=val.zone}}</h3>
				{{ } }}
				<p>{{=val.zonename}}</p>
				<img src="data:image/BMP;base64,{{=val.descriptions[0].pic}}" class="big-p">
				<div class="lbt">
					<div class="lbtinner clearfix" style="width: {{=$('.data-tip').width()/3*val.descriptions.length}}px">
						{{ for(var i=0; i < val.descriptions.length; i++){ }}
						<div class="lbt-box">
							{{if(val.descriptions[i].pic == null || val.descriptions[i].pic == undefined){ }}
			      				<img src="../../img/img1.jpg" alt="">
			      			{{ } else { }}
				      			{{if(val.descriptions[i].imgType == 0) { }}
				      				<img src="data:image/BMP;base64,{{=val.descriptions[i].pic}}" alt="">
				      			{{ } else if(val.descriptions[i].imgType == 1) { }}
				      				<img src="data:image/jpg;base64,{{=val.descriptions[i].pic}}" alt="">
				      			{{ } else if(val.descriptions[i].imgType == 2) { }}
				      				<img src="data:image/png;base64,{{=val.descriptions[i].pic}}" alt="">
				      			{{ } }}
			      			{{ } }}
							<p>{{=val.descriptions[i].desc}}</p>
							<div>￥{{=val.descriptions[i].price || "暂无定价"}}</div>
						</div>
						{{ } }}
					</div>
				</div>
			</div>
	    {{~}}
	</script>
	<script type='text/javascript' src='../../js/index.js' charset='utf-8'></script>
</body>
</html>